import { FC } from 'react'

import { useStore } from '@/store'

interface Props {}

const SignIn: FC<Props> = () => {
  const { interactive } = useStore()
  return (
    <div className="signin-page">
      <div className="sign-in">
        <div className="avatar">
          <img src="/src/assets/img/asset/prof.jpg" alt="" />
        </div>
        <button onClick={() => interactive.setLocked(false)}>Sign in</button>
      </div>
    </div>
  )
}

export default SignIn
